<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<base target="main"/>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>管理页面</title>
 	<script src="../scripts/jquery/jquery-1.7.min.js" type="text/javascript"></script>
	
	<script src="js/prototype.lite.js" type="text/javascript"></script>
	<script src="js/moo.fx.js" type="text/javascript"></script>
	<script src="js/moo.fx.pack.js" type="text/javascript"></script>
<style>
body {
	font:12px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
}
#container {
	width: 182px;
}
H1 {
	font-size: 12px;
	margin: 0px;
	width: 182px;
	cursor: pointer;
	height: 30px;
	line-height: 20px;	
}
H1 a {
	display: block;
	width: 182px;
	color: #000;
	height: 30px;
	text-decoration: none;
	moz-outline-style: none;
	background-image: url(images/menu_bgS.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.content{
	width: 182px;
	height: 26px;
	
}
.MM ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
.MM li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #333333;
	list-style-type: none;
	display: block;
	text-decoration: none;
	height: 26px;
	width: 182px;
	padding-left: 0px;
}
.MM {
	width: 182px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	clip: rect(0px,0px,0px,0px);
}
.MM a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #333333;
	background-image: url(images/menu_bg1.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 182px;
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-decoration: none;
}
.MM a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #333333;
	background-image: url(images/menu_bg1.gif);
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 182px;
	text-decoration: none;
}
.MM a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #333333;
	background-image: url(images/menu_bg1.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 182px;
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-decoration: none;
}
.MM a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	font-weight: bold;
	color: #006600;
	background-image: url(images/menu_bg2.gif);
	background-repeat: no-repeat;
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 182px;
	text-decoration: none;
}
.userFiled{
	width:160px;
	margin-left:-22px;
}
</style>

</head>

<body>

<table width="100%" border="0" cellpadding="0" cellspacing="0" >
  <tr>
    <td width="182" valign="top">
    <div id="container">
		    <h1 class=""><a href="javascript:void(0);">个人信息</a></h1>
			<div class="">
			        <center>
				     	<img src="<s:property value="#session.user.userPhoto" />" 
				     		style="margin-top:10px;width:100px;height:100px;" />
				     	<br/>
				        <div style="height:30px;">
					        <a href="<%=path %>/UserAction?method=person" target="main">
					        	<s:property value="#session.user.userName" />
					        </a>
					        (<s:property value="#session.user.userRoleName" />)
				     	</div>
			       </center>
		    </div>
			            
	    	<s:iterator value="#session.rulerInfolist" id="lv1">
	       	 <s:if test="level==1" >
			     <h1 class="type"><a href="javascript:void(0)"><s:property value="rulerName" /></a></h1>
			      <div class="content">
			        <table width="100%" border="0" cellspacing="0" cellpadding="0">
			          <tr>
			            <td><img src="images/menu_topline.gif" width="182" height="5" /></td>
			          </tr>
			        </table>
			         <s:iterator value="#session.rulerInfolist" id="lv2">
			         <s:if test="level==2 && #lv2.manager==#lv1.rulerid">
				        <ul class="MM">
				          <li>
				          		<a href="<%=path %>/<s:property value="url"/>" target="<s:property value="target"/>">
				          			<s:property  value="rulerName" />
				          		</a>
				          </li>
				        </ul>
				     </s:if>
				     </s:iterator>
			 	 </div>
			  </s:if>
		   	</s:iterator> 
	      	
        <script type="text/javascript">
			var contents = document.getElementsByClassName('content');
			var toggles = document.getElementsByClassName('type');
		
			var myAccordion = new fx.Accordion(
				toggles, contents, {opacity: true, duration: 400}
			);
		//	myAccordion.showThisHideOpen(contents[0]);

			function show(id){
				obj = $("div[class='content']");
				alert(obj);
				if(obj.attr("display")!="none")
					obj.attr("display", "none");
				else
					obj.attr("display", "block");
			}
		</script>

		</div>
        </td>
  </tr>
</table>
</body>
</html>
